﻿#albumDetailsContainer
{
    padding: 0px 85px;
    margin:auto;
    margin-bottom:8px;
    margin-top: 0px;  
    color:#0e76bc;
    border:3px solid #e8edf1;
    border-radius:9px;
    -webkit-border-radius:9px;
    -moz-border-radius:9px;
}

#albumDetails
{
    text-align:center;
    font-size:1.3em;   
}

#albumTitle
{
    font-size:2em;  
    font-weight:bold; 
}

#actionsContainer
{
    width:430px;
    margin:auto;
}

#actionsContainer #albumStatusDesc {
    float:right;
    font-size: 1.3em;
}

#actionsContainer .buttonsContainer {
    float:left;   
    margin:0px;
}

#actionsContainer .buttonsContainer li {
    margin-right: 10px;   
}

/* Sections list view 
---------------------*/

ul#Sections
{
    list-style-type:none;
    padding:0;
    margin:0;
}

ul#Sections > li
{
    margin-bottom:10px;
    color:#0073b1;
    float:right;
    position:relative;
    height:181px;
    width:192px;
    margin-left:28px;
}

ul#Sections > li .paper
{
    background-image:url(images/newLayout/paper.png);
    background-repeat:no-repeat;
    position:absolute;
    height:100%;
    width:100%;
}

ul#Sections > li .paper.flip
{
    /*-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);*/
    /*filter: FlipH;
    -ms-filter: "FlipH";*/
}

ul#Sections > li .paperContent
{
    position:absolute;  
    height:100%;
    width:100%; 
    left: -10px;
}

ul#Sections > li .albumSectionTitle
{
    font-size:1.9em; 
    font-weight:bold;
    text-align:center;
    width: 110px;
    margin: auto;
    margin-top: 70px;
}

/* section buttons
------------------*/

ul#Sections > li ul.buttonsContainer
{
    position:absolute;
    right: 16%;
    bottom:17%;
    width: 100%;   
}

ul.buttonsContainer
{
    list-style-type:none;
    padding: 0px;
}

ul.buttonsContainer li
{
    float:right;
}

ul.buttonsContainer li:hover
{
    opacity: .7;
    filter:Alpha(Opacity=70);
}

ul.buttonsContainer li.disabled
{
    opacity: .4;
    filter:Alpha(Opacity=40);
}

ul.buttonsContainer li.disabled a
{
    cursor:default;   
}

ul.buttonsContainer li a
{
    display:block;
    width:42px;
    height:42px;   
}

ul.buttonsContainer li a.btnApproveSection,
ul.buttonsContainer li a#btnApproveAlbum,
ul.buttonsContainer li a.btnApproveAlbumSection
{
    background: url(images/newLayout/icons/approve.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/newLayout/icons/approve.png', sizingMethod='scale');
}

ul.buttonsContainer li a.btnOpenSection
{
    background: url(images/newLayout/icons/approve.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/newLayout/icons/approve.png', sizingMethod='scale');
}

ul.buttonsContainer li a.btnAlbumSectionDesigner,
ul.buttonsContainer li a#btnAlbumDesigner
{
    background: url(images/newLayout/icons/design.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/newLayout/icons/design.png', sizingMethod='scale');
}

ul.buttonsContainer li a.btnPreviewSection
{
    background: url(images/newLayout/icons/preview.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/newLayout/icons/preview.png', sizingMethod='scale');
}

ul.buttonsContainer li a.btnUploadImages
{
    background: url(images/newLayout/icons/images.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/newLayout/icons/images.png', sizingMethod='scale');
}

ul#Sections li .isLocked
{
    width:13px;
    height:16px;
    cursor:pointer;
    position: absolute;
    right: 30px;
    top: 20px;
    background-image:url(images/newLayout/icons/locked.png);
}

ul#Sections li .isLocked.locked1
{
    background-image:url(images/newLayout/icons/totalLocked.png);
    cursor:default;
}

ul#Sections li .isLocked.locked3
{
    background-image:url(images/newLayout/icons/unlocked.png);
}

ul#Sections.sectionEditorView li .isLocked
{
    cursor:default;   
}

/* Unique classes for SectionEditorView
---------------*/

ul#Sections.sectionEditorView  > li
{
    margin-right: 35%;
    margin-top: 10%;
}

ul#Sections.sectionEditorView > li .paper
{
}

ul#Sections.sectionEditorView > li .albumSectionTitle
{
}

ul#Sections.sectionEditorView > li ul.buttonsContainer
{
}

/*---------------*/

.albumSectionStatus
{
    float:right;
    width:50px;   
    height:35px;  
    padding-top:15px;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em; 
    text-align:center;
    font-size:1.2em;
    color:#fff;
}

#mainSection
{
    float:right;
    position:relative;
    width: 700px;
    margin-right:50px;
    padding:10px;
    border: 1px solid #3e97c7;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
}

#mainSection .loadingImage {
    margin-right: 45%;
}

#scrollbarContainer {
    position:relative;
    height:400px;   
    width:700px;
    margin-bottom: 50px;
}

#extraDetails
{
    float:left;
    width:210px;  
}

#extraDetails .title
{
    color:#000;
    margin-bottom:5px;
}

#extraDetails .extraDetailsContainer
{
    color:#939598;
    margin-top:22px;
    text-align:center;
}

#extraDetails .extraDetailsContainer .label
{
    font-size:1.3em;
    font-weight:bold;
}

#extraDetails .extraDetailsContainer .value
{
    font-size:2em;
    font-weight:bold;
}

/* Side Menu
-------------*/

#extraDetails ul#sideMenu
{
    list-style-type:none;
    padding:0px;
    margin:0px;   
}

#extraDetails ul#sideMenu li
{
    margin-bottom:8px;
}

#extraDetails ul#sideMenu li a
{
    width:191px;
    height:48px;
    display:block;
}

#extraDetails ul#sideMenu li:hover
{
    opacity: .7;
    filter:Alpha(Opacity=70);
}

#extraDetails ul#sideMenu li.editors a
{
    background: url(images/newLayout/sideMenu/editors.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/newLayout/sideMenu/editors.png', sizingMethod='scale');
}
#extraDetails ul#sideMenu li.passwords a
{
    background: url(images/newLayout/sideMenu/passwords.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/newLayout/sideMenu/passwords.png', sizingMethod='scale');
}
#extraDetails ul#sideMenu li.filmingDays a
{
    background: url(images/newLayout/sideMenu/filmingDays.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/newLayout/sideMenu/filmingDays.png', sizingMethod='scale');
}
#extraDetails ul#sideMenu li.contract a
{
    background: url(images/newLayout/sideMenu/contract.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/newLayout/sideMenu/contract.png', sizingMethod='scale');
}
#extraDetails ul#sideMenu li.printVersion a
{
    background: url(images/newLayout/sideMenu/printVersion.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/newLayout/sideMenu/printVersion.png', sizingMethod='scale');
}

/*------------------*/

ul#FilmingDays
{
    list-style-type:none;
    padding:0;
    margin:0;  
}

#bottomLegend
{
    background-image:url(images/newLayout/bottomLegend.png);   
    width:633px;
    height:38px;
    position: absolute;
    bottom: 15px;
    left:6%;
    background-repeat: no-repeat;
    background-position: center;
}

table#EditSectionEditorsTable
{
    margin: auto;   
    color:#333;
    background-color:#fff;
}

table#EditSectionEditorsTable a.btnSendMailToAlbumSectionEditor
{
    color:#000;   
}

a#logoutUser
{
    display:block;
    background: url(images/newLayout/sideMenu/disconnect.png);
    width:186px;
    height:28px;
}

#EditorPassword
{
    width: 80px;
}

#btnSendMailToAllEditors
{
    margin-top: 15px;
    margin-right: 20px;
}